/**
 * Se repite aqui para poder sobreescribir algunos valores para este template
**/
ul.topnav {
  list-style: none   ;
  padding   : 0 20px ;
  margin    : 0      ;
  float     : left   ;
  font-size : 1.2em  ;
}

ul.topnav li {
  float   : left      ;
  margin  : 0         ;
  padding : 0 15px 0 0;
  position: relative  ; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a {
  padding        : 10px 5px;
  color          : #000000 ;
  display        : block   ;
  text-decoration: none    ;
  float          : left    ;
}

ul.topnav li a:hover {
  background: #CCCCCC;
  color     : #222222;
}

ul.topnav li span { /*--Drop down trigger styles--*/
  width     : 17px;
  height    : 35px;
  float     : left;
  background: url(../images/dropdown_menu/subnav_btn.gif) no-repeat center top;
}  

ul.topnav li span.subhover { /*--Hover effect for trigger--*/
  background-position: center bottombottom;
  cursor             : pointer            ;
}

ul.topnav li ul.subnav {
  list-style: none             ;
  position  : absolute         ; /*--Important - Keeps subnav from affecting main navigation flow--*/
  left      : 0                ;
  top       : 35px             ;
  background: #333333          ;
  margin    : 0                ;
  padding   : 0                ;
  display   : none             ;
  float     : left             ;
  width     : 170px            ;
  border    : 1px solid #111111;
  z-index   : 200              ;
}

ul.topnav li ul.subnav li {
  margin       : 0                ;
  padding      : 0                ;
  border-top   : 1px solid #252525; /*--Create bevel effect--*/
  border-bottom: 1px solid #444444; /*--Create bevel effect--*/
  clear        : both             ;
  width        : 170px            ;
}

html ul.topnav li ul.subnav li a {
  float       : left   ;
  width       : 145px  ;
  background  : url("../images/dropdown_menu/dropdown_linkbg.gif") no-repeat 10px center;
  color       : #20221f;
  padding-left: 20px   ;
  font-size   : 12px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  background: #ababab url("../images/dropdown_menu/dropdown_linkbg.gif") no-repeat 10px center;
  color     : #20221f;
}
